/* eslint-disable react/jsx-props-no-spreading */
import React, { memo } from 'react';
import useMap from '@web/com/packages/leaflet/hooks/useMap';
import './Map.css';
import { mapConfig } from '@web/com/managers/configManager/configLoader';

const Map = ():JSX.Element => {
  const [map, isLoaded] = useMap(mapConfig.id);
  console.log('map', map);
  console.log('isLoaded', isLoaded);
  return (
    <>
      <div id={mapConfig.id} />
    </>
  );
};

export default memo(Map);
